﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>日本直邮</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!-- <link rel="stylesheet" href="css/main.css" /> -->
        <link rel="stylesheet" href="css/sm.css"/>
        <link rel="stylesheet" href="css/sm-extend.css" />
        <link rel="stylesheet" href="css/wjystyle.css" />
        <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>


<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group page-group1">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page page1">
            <!-- 标题栏开始 -->
            <header class="bar bar-nav pos">
               	<a class="icon icon-left pull-left open-panel"  href="javascript:history.go(-1)"></a>
                <h1 class="title" style="width: 60%;text-align: right;">订单详情</h1>
                <a class="icon icon-remove pull-right open-panel black_coverclick" id="shanchu"></a>
            </header>
            <!-- 标题栏结束 -->
           
            <!-- 这里是页面内容区开始 -->
            <div class="content orderdetails">  
              <div class="top">
                  <div>交易完成</div>
                  <p>配送方式：<span>韵达快递</span></p>
                  <p>订单编号：<span>39054969005583</span></p>
                  <p>客服电话：<span>95546</span></p>
                   <a href="logistics.html">点击查看物流详情 </a>
                  <div class="address">安徽省合肥市蜀山区工大299号</div>
             </div>
             <div class="dianming">
                    <div class="head">日本直邮店<span>联系客服</span></div>
                    <div class="clearfix xiangqing">
                            <img src="image/modo.jpg" class="fl"/>
                            <div class="fl miaoshu">
                              <a href="#">
                                夏威夷果零食炒货大礼包<br />
                               <span>规格：100g;</span> 
                              </a>
                            </div>
                            <div class="fr">
                             <p>￥38.76</p>
                              <span>￥38.76</span>
                              <p>退订单</p>
                            </div>
                     </div>
                     <div class="total">
                        <div><span>商品总金额：</span> <span>￥38.76</span></div>
                       <div><span>快递运费：全国包邮</span></div>
                    </div>     
           </div>
           <div class="date">
                <p>订单编号：<span>39054969005583</span></p>
                <p>下单时间：<span>2017-11-11 14:41:30</span></p>
                <p>支付时间：<span>2017-11-11 14:41:30</span></p>
                <p>发货时间：<span>2017-11-11 14:41:30</span></p>
                <p>收货时间：<span>2017-11-11 14:41:30</span></p>
           </div>
     </div>
     <!-- 这里是页面内容区结束 -->
<!--删除订单弹框开始 -->
<div class="black_cover"></div>
<div class="order_detail_alert alert">
    <h3>删除订单有可能影响当前订单的售后服务哦！</h3>    
    <P>您确定要删除该笔订单么？</P>
    <input type="button" value="取消" class="fl delcancer" />
    <input type="button" value="确定" class="fl confirm" />
</div>
<!-- 弹框结束 -->
 <!-- 订单删除成功提示开始
 <div class="del-detail-result_alert">
    <p>订单删除成功</p>
  </div>
   订单删除成功提示结束 -->

    </div>
  </div>
  <script src="js/jquery.js"></script>
  <script src="js/wjy.js"></script>
</html>